@font-face {
    font-family: "<%= fontName['name'] %>";
    src: url("<%= fontPath %><%= fontName['name'] %>.eot");/* IE9*/
    src: url("<%= fontPath %><%= fontName['name'] %>.eot?#iefix") format('embedded-opentype'),/* IE6-IE8 */
    url("<%= fontPath %><%= fontName['name'] %>.woff") format('woff'), /* chrome, firefox */
    url("<%= fontPath %><%= fontName['name'] %>.ttf") format('truetype'),/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url("<%= fontPath %><%= fontName['name'] %>.svg#<%= fontName['name'] %>") format('svg');/* iOS 4.1- */
}

[class*="ecmp-"] {
    font-size: 20px;
    font-family: "<%= fontName['name'] %>" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


<%var iconGroup = fontName['iconGroup'];
_.each(glyphs, function(glyph) { %>
<%  var firstIndex = glyph.fileName.indexOf("_");
    var lastIndexOf_ = glyph.fileName.lastIndexOf('_');
    var icon_en = iconGroup[ glyph.fileName.substring(0,firstIndex)]["prefix"]+"-"+glyph.fileName.substr(lastIndexOf_ + 1);%>
.ecmp-<%= icon_en %>:before {
    content: "\<%= glyph.codePoint %>";
}
<% }); %>